<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div></div>
    <script>
       
        // 封装函数可以批量设置样式
        // elem 表示设置元素的dom对象
        // options 表示设置的样式信息 格式为对象 属性名称为样式名 值为样式值
        function setStyle(elem,options){
            if(Object.prototype.toString.call(options) != '[object Object]'){
                return;
            }
            for(var key in options){
                elem.style[key] = options[key];
            }
        }
        setStyle(document.querySelector('div'),{
            width:'100px',
            height:'100px',
            fontSize:'24px'
        })

        // 查看数据类型三种方式

        // typeof
        // instanceof 查看是否是某种构造函数的对象 
        var arr = [];
        console.log(arr instanceof Array);
        console.log(Object.prototype.toString.call(arr));
        console.log(Object.prototype.toString.call(''));
        console.log(Object.prototype.toString.call(function(){}));
        console.log(Object.prototype.toString.call(undefined));
        console.log(Object.prototype.toString.call(null));
    </script>
</body>
</html>